<div class="span9">
    <div class="page-header">
        <h1><small><!--{pageHeader}--> Producto</small></h1>
    </div>
    <div class="row-fluid">
        <div class="span12 well">
            <form class="form-vertical" id="formProducto" method="post" action="<!--{url}-->admin/php/controllers/producto.controller.php" enctype="multipart/form-data">
                <fieldset>
                    <legend><img src="<!--{url}-->admin/images/flags/es.png" /> Espa&ntilde;ol</legend>
                    <div class="row-fluid">
                        <div class="span6">
                            <label for="tituloEs" class="control-label">T&iacute;tulo</label>
                            <div class="controls">
                                <input type="text" class="span12" id="tituloEs" name="tituloEs" value="<!--{tituloEs}-->" />
                            </div>
                        </div>
                        <div class="span6">
                            <input id="manualEs" name="manualEs" type="file" style="display:none">
                            <label for="manualEsFachada" class="control-label">Manual</label>
                            <div class="input-append<!--{manualEsInput}-->" id="manualEsInput">
                                <input id="manualEsFachada" class="span10" type="text" placeholder="MANUAL" onclick="$('#manualEs').trigger('click');">
                                <a class="btn" onclick="$('#manualEs').trigger('click');"><i class="icon-folder-open"></i></a>
                            </div>
                            <p class="<!--{manualEsPreview}-->" id="manualEsPreview">ESTE MANUAL YA FUE CARGADO <a href="javascript:void(0);" id="modificarManualEs">Cambiar</a></p>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12">
                            <label for="descripcionEs" class="control-label" style="margin-top: 25px">Descripci&oacute;n (agregue un frase y presione enter)</label>
                            <div class="controls">
                                <input type="text" class="span12" id="descripcionEs" name="descripcionEs" value="<!--{descripcionEs}-->" />
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset>
                    <legend><img src="<!--{url}-->admin/images/flags/pt.png" /> Portugu&eacute;s</legend>
                    <div class="row-fluid">
                        <div class="span6">
                            <label for="tituloPt" class="control-label">T&iacute;tulo</label>
                            <div class="controls">
                                <input type="text" class="span12" id="tituloPt" name="tituloPt" value="<!--{tituloPt}-->" />
                            </div>
                        </div>
                        <div class="span6">
                            <input id="manualPt" name="manualPt" type="file" style="display:none">
                            <label for="manualPtFachada" class="control-label">Manual</label>
                            <div class="input-append<!--{manualPtInput}-->" id="manualPtInput">
                                <input id="manualPtFachada" class="span10" type="text" placeholder="MANUAL" onclick="$('#manualPt').trigger('click');">
                                <a class="btn" onclick="$('#manualPt').trigger('click');"><i class="icon-folder-open"></i></a>
                            </div>
                            <p class="<!--{manualPtPreview}-->" id="manualPtPreview">ESTE MANUAL YA FUE CARGADO <a href="javascript:void(0);" id="modificarManualPt">Cambiar</a></p>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12">
                            <label for="descripcionPt" class="control-label" style="margin-top: 25px">Descripci&oacute;n (agregue un frase y presione enter)</label>
                            <div class="controls">
                                <input type="text" class="span12" id="descripcionPt" name="descripcionPt" value="<!--{descripcionPt}-->" />
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset>
                    <legend><img src="<!--{url}-->admin/images/flags/gb.png" /> Ingl&eacute;s</legend>
                    <div class="row-fluid">
                        <div class="span6">
                            <label for="tituloEn" class="control-label">T&iacute;tulo</label>
                            <div class="controls">
                                <input type="text" class="span12" id="tituloEn" name="tituloEn" value="<!--{tituloEn}-->" />
                            </div>
                        </div>
                        <div class="span6">
                            <input id="manualEn" name="manualEn" type="file" style="display:none">
                            <label for="manualEnFachada" class="control-label">Manual</label>
                            <div class="input-append<!--{manualEnInput}-->" id="manualEnInput">
                                <input id="manualEnFachada" class="span10" type="text" placeholder="MANUAL" onclick="$('#manualEn').trigger('click');">
                                <a class="btn" onclick="$('#manualEn').trigger('click');"><i class="icon-folder-open"></i></a>
                            </div>
                            <p class="<!--{manualEnPreview}-->" id="manualEnPreview">ESTE MANUAL YA FUE CARGADO <a href="javascript:void(0);" id="modificarManualEn">Cambiar</a></p>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12">
                            <label for="descripcionEn" class="control-label" style="margin-top: 25px">Descripci&oacute;n (agregue un frase y presione enter)</label>
                            <div class="controls">
                                <input type="text" class="span12" id="descripcionEn" name="descripcionEn" value="<!--{descripcionEn}-->" />
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset>
                    <legend>Datos</legend>
                    <div class="row-fluid">
                        <div class="span3">
                            <label for="codigo" class="control-label">C&oacute;digo</label>
                            <input type="text" class="span10" id="codigo" name="codigo" value="<!--{codigo}-->" />
                        </div>
                        <div class="span3">
                            <label for="categoria" class="control-label">Categor&iacute;a</label>
                            <div class="controls">
                                <!--{categoriaToSelect}-->
                            </div>
                        </div>
                        <div class="span3">
                            <label for="precio" class="control-label">Precio</label>
                            <div class="input-prepend">
                                <span class="add-on">$</span>
                                <input type="text" class="span10" id="precio" name="precio" value="<!--{precio}-->" />
                            </div>
                        </div>
                        <div class="span3">
                            <div class="controls">
                                <label for="oferta" class="control-label">Marcar como oferta</label>
                                <a class="btn btn-warning<!--{active}-->" data-toggle="button" id="oferta">Oferta</a> &nbsp;&nbsp;
                                <a id="popOferta" class="badge badge-inverse" rel="popover" data-content="Seleccione esta opci&oacute;n si desea que el producto aparezca en la secci&oacute;n de ofertas" data-original-title="Oferta">?</a>
                                <input type="hidden" value="<!--{isOferta}-->" name="isOferta" id="ofertaInput" />
                            </div>
                        </div>
                    </div>
                </fieldset>
                 <fieldset>
                     <legend>Caracter&iacute;sticas</legend>
                     <!--{etiquetaToCheck}-->
                 </fieldset>
                <fieldset id="colores">
                     <legend>Colores</legend>
                     <!--{colores}-->
                     <div class="row-fluid">
                     </div>
                     <a class="btn btn-success" id="agregarColor">
                        <i class="icon-plus icon-white"></i>
                        Agregar color
                    </a>
                 </fieldset>
                <fieldset>
                    <legend>Im&aacute;genes</legend>
                    <div class="row-fluid">
                        <div class="span12">
                            <span class="btn btn-success fileinput-button">
                                <i class="icon-plus icon-white"></i>
                                <span>Cargar im&aacute;genes</span>
                                <input type="file" id="fileInputImages" name="files[]" multiple>
                            </span>
                        </div>
                    </div>                    
                    <ul role="presentation" class="files sortableImages" data-toggle="modal-gallery" data-target="#modal-gallery" id="sortableImages">
                        <!--{imagenes}-->
                    </ul>
                    <div class="row-fluid" style="border: none">
                        <div id="dropzone" class="fade well span12"><span>Arrastre los archivos hasta aqu&iacute; para cargarlos</span></div>
                    </div>
                </fieldset>
                <div class="form-actions" style="text-align: right">
                    <button type="submit" class="btn btn-primary">Enviar</button>
                </div>
                <input type="hidden" value="<!--{productoId}-->" name="id" />
                <div id="hiddenData" style="display: none"></div>
            </form>
        </div>
        <div class="clearfix"></div>
    </div>
</div>